import React, { Component } from 'react';
import { View, Text, Image, StyleSheet } from 'react-native';
import { List } from '@ant-design/react-native';
const Item = List.Item;
const Brief = Item.Brief;
const styles = StyleSheet.create({

    tabText: {
        fontSize: 10,
        color: "#000",
    },
    tabValText: {
        fontSize: 12,
        color: "#ccc",
        textAlign: "right"
    },
    titleText: {
        fontSize: 12,
        color: "#B8B8B8"
    }

});
export default class Me extends Component {
    render() {
        return (
            <View style={{ flex: 1, justifyContent: 'center', backgroundColor: "##F2F2F2" }}>
                <View style={{ flex: 2 }}>
                    <View style={{ flex: 2, backgroundColor: "#7077F1", alignItems: 'center', justifyContent: 'center', }}>
                        <View
                            activeOpacity={0.8}
                            style={{ display: "flex", alignItems: 'center', flexDirection: "row", height: 110, paddingLeft: 10 }}

                        >
                            <View style={{ borderRadius: 50, overflow: "hidden", width: 70, height: 70 }}>
                                <Image
                                    style={{ width: 70, height: 70 }}
                                    source={require('../../static/img/rqz.jpg')}
                                />
                            </View>


                            <View style={{ flex: 1, height: 110, padding: 3, paddingTop: 20 }}>
                                <View style={{ height: 35, display: "flex", alignItems: 'center', flexDirection: "row", justifyContent: 'center' }}>

                                    <View style={{ flex: 3 }}>
                                        <Text style={{ fontSize: 18, fontWeight: "900", color: "#FFF", paddingLeft: 10 }}>认真且怂</Text>
                                    </View>
                                    <View style={{ flex: 2, paddingRight: 10 }}>

                                    </View>


                                </View>
                                <View style={{ height: 35, display: "flex", alignItems: 'center', paddingLeft: 10, flexDirection: "row" }}>
                                    <View style={{ flex: 1 }}>
                                        <Text style={{ fontSize: 14, color: "#FFF", textAlign: "left" }}>武汉市武昌区城管委燃管办</Text>
                                    </View>

                                </View>
                            </View>

                        </View>
                    </View>
                    <View style={{ flex: 1, marginTop: 25,}}>
                        <List>
                            <Item
                                thumb="https://os.alipayobjects.com/rmsportal/mOoPurdIfmcuqtr.png"
                                arrow="horizontal"
                                // style={{marginBottom:5}}
                            >
                                系统设置
                            </Item>
                        </List>
                    </View>
                    <View style={{  backgroundColor: "#FFF" }}>
                    <List>
                            <Item
                                thumb="https://os.alipayobjects.com/rmsportal/mOoPurdIfmcuqtr.png"
                                arrow="horizontal"
                                // style={{marginBottom:5}}
                            >
                                帮助中心
                            </Item>
                            <Item
                                thumb="https://os.alipayobjects.com/rmsportal/mOoPurdIfmcuqtr.png"
                                arrow="horizontal"
                                // style={{marginBottom:5}}
                            >
                                修改密码
                            </Item>
                            <Item
                                thumb="https://os.alipayobjects.com/rmsportal/mOoPurdIfmcuqtr.png"
                                arrow="horizontal"
                                // style={{marginBottom:5}}
                            >
                                关于我们
                            </Item>
                        </List>
                    </View>
                </View>
                <View style={{ flex: 1 }}></View>
            </View>
        )
    }
}